<template>
    <div>
        <button @click="getStudents">点击获取学生信息</button>
        <button @click="getCars">点击获取汽车信息</button>
    </div>
</template>

<script>
    //引入axios组件
    import axios from 'axios'

    export default {
        name:'App',
        methods:{
            getStudents(){
                //访问成功执行回调函数，找代理服务器要数据
                axios.get('http://localhost:8080/atguigu/students').then((response)=>{
                    console.log("请求成功!!!",response.data);//从响应对象中获取响应数据
                },(error)=>{
                    console.log("请求失败!!!",error.message);////从响应对象中获失败信息
                });
            },
            getCars(){
                //访问成功执行回调函数，找代理服务器要数据
                axios.get('http://localhost:8080/demo/cars').then((response)=>{
                    console.log("请求成功!!!",response.data);//从响应对象中获取响应数据
                },(error)=>{
                    console.log("请求失败!!!",error.message);////从响应对象中获失败信息
                });
            }
        }
    }
</script>

<style>
    
</style>